<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="../../../css/news.css" media="all" />
	<script type="text/javascript" src="../../../layui/layui/GetPath.js"></script>
	<script src="../../../layui/layui/layui.js" charset="utf-8"></script>
	<script src="../../../layui/layui.js" charset="utf-8"></script>
	<script src="../../../js/angular.js" charset="utf-8"></script>
	<script src="../../../layui/jquery-3.2.1.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="../gjjhbj/fy.js"></script>
<title>jQuery</title>
<!--可无视-->
<link rel="stylesheet" href="css/common.css" type="text/css" />
<!--弹出层样式-->
<style type="text/css">
/*自适应圆角投影*/
.round_shade_box{width:1px; height:1px; font-size:0; display:none; _background:white; _border:1px solid #cccccc;}
/* .round_shade_top{margin:0 12px 0 10px; background:url(image/zxx_round_shade.png) repeat-x -20px -40px; _background:white; zoom:1;}
.round_shade_topleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 0; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_topright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px 0; _background:none; float:right; margin-right:-12px; position:relative;}
.round_shade_centerleft{background:url(image/zxx_round_shade.png) no-repeat 0 -1580px; _background:none;}
.round_shade_centerright{background:url(image/zxx_round_shade.png) no-repeat right -80px; _background:none;}
.round_shade_center{font-size:14px; margin:0 12px 0 10px; padding:10px; background:white; letter-spacing:1px; line-height:1.5;}
.round_shade_bottom{margin:0 12px 0 11px; background:url(image/zxx_round_shade.png) repeat-x -20px bottom; _background:white; zoom:1;}
.round_shade_bottomleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 -30px; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_bottomright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px -30px; _background:none; float:right; margin-right:-12px; position:relative;} */
.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidden;}
.round_box_close{padding:2px 5px; font-size:12px; color:#ffffff; text-decoration:none; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:-5px; top:-5px;}
.round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);}
/*自适应圆角投影结束*/
.zxx_zoom_left{width:45%; float:left; margin-top:20px; border-right:1px solid #dddddd;}
.zxx_zoom_left h4{margin:5px 0px 15px 5px; font-size:1.1em;}
.small_pic{display:inline-block; width:48%; height:150px; font-size:120px; text-align:center; *display:inline; zoom:1; vertical-align:middle;}
.small_pic img{padding:3px; background:#ffffff; border:1px solid #cccccc; vertical-align:middle;}
.zxx_zoom_right{width:50%; float:left; margin-top:20px; padding-left:2%;}
.zxx_zoom_right h4{margin:5px 0px; font-size:1.1em;}
.zxx_zoom_right p.zxx_zoom_word{line-height:1.5; font-size:1.05em; letter-spacing:1px; margin:0 0 35px; padding-top:5px;}
</style>
<script type="text/javascript" src="js/content_zoom.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('div.small_pic a').fancyZoom({scaleImg: true, closeOnClick: true});
	$('#zoom_word_1').fancyZoom({width:400, height:200});
	$('#zoom_word_2').fancyZoom();
	$('#zoom_flash').fancyZoom();
});

</script>

</head>
<body>
	<div>
    	<div >
            <div class="zxx_main_con fix mb20">
            	<div id="div">
            	
                </div>
            </div>
        </div>
    </div>
    <!-- 要放大显示的div -->
   <div id="div1" style="width:400px;height:400px;" >
   
   </div>
    <div id="zoom_word_one" style="display:none;"></div>
    <div id="zoom_word_two" style="width:800px; display:none;"></div>
<script>
  function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
    }
  
		  var  ID= getQueryString('ID');
		   var  GRZH= getQueryString('GRZH');
		    var  type= getQueryString('type');

$.ajax({
	url:getPath()+'/wsyyt/dwbjhjqccontroller/tpck?ID='+ID+'&pa='+GRZH+'&type='+type,
	method:'post',
	async: false,
	success:function(res){
	console.info(res);
	res=JSON.parse(res);
	 var obody = document.getElementById('div1');
	  var oDiv = document.getElementById('div');
	  var cc="";
	  var dd="";
	for(var i=0;i<res.length;i++)
	{
		var grzh="";
		var type="";
		var u=getPath()+"/wsyyt/jshdcontroller/openphoto?filename="+res[i]+"&ID="+ID;
  		cc=cc+'<div class="small_pic" style="width:20%;height:20%" ><a href="#pic_'+i+'" id="'+i+'" class="sx" style="width:50%;height:50%"><img src="'+u+'"   style="width:50%;height:50%"/></a></div>';
		dd=dd+'<div id="pic_'+i+'" style="display:none;"><img src="'+u+'" /></div>';
	}
	 oDiv.innerHTML=cc;
	 obody.innerHTML=dd;

	}
	
});


</script>
</body>
</html>
